<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/10
  Time: 11:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Story</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content=""/>
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800" rel="stylesheet">

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!-- Theme style  -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
<body class="single">

<div class="fh5co-loader"></div>

<div id="page">
    <div id="fh5co-aside" style="background-image: url(images/image_2.jpg)" data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <nav role="navigation">
            <ul>
                <li><a href="index.jsp"><i class="icon-home"></i></a></li>
            </ul>
        </nav>
        <div class="page-title">
            <%--     头像       --%>
            <img style="width: 300px"  src="images/project-7.jpg" alt="Free HTML5 by ">
            <span>日期September 10, 2016</span>
            <h2>这里是博客题目</h2>
        </div>
    </div>
    <div id="fh5co-main-content">
        <div class="fh5co-post">
            <div class="fh5co-entry padding">
                <div>
                    <p>基本信息：</p>
                    <p>基本信息一</p>
                    <h2>jiben</h2>
                    <p>Eos ipsam, magnam praesentium quas adipisci facilis ratione aliquid sequi consequuntur reiciendis
                        doloremque ut ab quia dignissimos hic delectus maxime explicabo quaerat vel, reprehenderit
                        cumque? Officiis voluptates recusandae eius eligendi unde quis eum cupiditate vitae quam,
                        doloribus modi molestias, repellat similique tenetur placeat veniam enim aliquid ipsum sit iure
                        facere. Nihil ab expedita animi dolores magnam magni optio unde esse laboriosam, sequi, odit cum
                        dolor sunt! Sint distinctio repudiandae est possimus autem mollitia, ipsum quo deserunt
                        similique repellendus praesentium, ex.</p>


                    <ul>
                        <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, modi!</li>
                        <li>Ea iure at, debitis culpa perspiciatis suscipit laudantium a, expedita.</li>
                        <li>Voluptate distinctio perspiciatis cum sed ipsum nisi accusantium a aut!</li>
                        <li>Sed vel quo dignissimos, quaerat totam officia, deserunt provident minus.</li>
                    </ul>
                    <h2>Free HTML5 Templates</h2>
                    <p>Exercitationem accusantium quia, ducimus aperiam atque voluptates placeat asperiores nobis sequi
                        culpa fugit sapiente omnis sed cupiditate cum iusto perspiciatis sunt inventore error,
                        laudantium, nihil adipisci. Neque aut sint ea vel amet necessitatibus fugit ducimus corporis
                        aliquam consequuntur inventore nobis pariatur itaque sit facere molestiae, alias, quos, libero
                        magnam. Nam sint atque praesentium consectetur molestiae, iusto corporis nihil autem repellat
                        libero delectus! Nobis nostrum porro rem exercitationem perferendis, magni minima dolor! Iure
                        consequatur quis, quibusdam animi assumenda autem cumque maiores.</p>

                    <p>这是他最近的两篇文字</p>
                </div>
            </div>


        </div>
    </div>
</div>

<div class="fh5co-navigation">
    <div class="fh5co-cover prev fh5co-cover-sm" style="background-image: url(images/project-4.jpg)">
        <div class="overlay"></div>

        <a class="copy" href="#">
            <div class="display-t">
                <div class="display-tc">
                    <div>
                        <span>Previous Post</span>
                        <h2>How to be an affective web developer</h2>
                    </div>
                </div>
            </div>
        </a>

    </div>
    <div class="fh5co-cover next fh5co-cover-sm" style="background-image: url(images/project-5.jpg)">
        <div class="overlay"></div>
        <a class="copy" href="#">
            <div class="display-t">
                <div class="display-tc">
                    <div>
                        <span>Next Post</span>
                        <h2>How to be an affective web developer</h2>
                    </div>
                </div>
            </div>
        </a>

    </div>
</div>

<footer>
    <div>
        Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://www.freemoban.com/">www.freemoban.com</a>
        Designed by <a href="http://" target="_blank"></a> Demo Images: <a href="http://unsplash.com" target="_blank">Unsplash</a>
    </div>
</footer>

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Main -->
<script src="js/main.js"></script>

</body>
</html>

